<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet/less" href="./asset/less/baicaijia.less">
    <link rel="stylesheet" href="./asset/fontAwesome/css/font-awesome.min.css">
    <script src="./asset/js/less.js"></script>
</head>

<body>

    <!-- 头部部分 -->
    <div class="header clearfix">
        <a class="title" href="index.html">白菜价</a>
        <form action="">
            <input type="text" placeholder="好宝贝  等你搜">
            <i class="fa fa-search"></i>
        </form>
        <a class="download" href="#">
            <img src="./asset/image/download.png" alt="">
        </a>



    </div>


    <!-- 导航栏部分 -->
    <div id="nav">
        <ul class="topnav">
            <!-- <li class="active">
                <a href="#">全部</a>
            </li>
            <li>
                <a href="#">热销</a>
            </li>
            <li>
                <a href="#">9块包邮</a>
            </li>
            <li>
                <a href="#">19块包邮</a>
            </li>
            <li>
                <a href="#">数码家电</a>
            </li>
            <li>
                <a href="#">居家</a>
            </li>
            <li>
                <a href="#">居家</a>
            </li>
            <li>
                <a href="#">居家</a>
            </li>
            <li>
                <a href="#">居家</a>
            </li> -->
        </ul>
    </div>

    <!-- 主题部分 -->
    <div class="main">
        <ul>
            <li>
                <div class="pic">
                    <img src="./asset/image/toothbrush.jpg" width="100" height="100" alt="">
                </div>
                <div class="info">
                    <div class="tit">
                        <span class='b'>[包邮]</span>藏源鹿品牌原创设计【羊毛衫织】中长大衣</div>
                    <div class="price">
                        券后
                        <i>券后</i>
                        <em>¥</em>8.8
                        <del>¥13.8</del>
                    </div>
                    <div class="ticket">
                        <div class="bar clearfix">
                            <a href=""></a>
                            <i>
                                <em style="width:1%;"></em>
                                <span>1%</span>
                            </i>
                            <b>已领75117张</b>
                        </div>
                    </div>
                    <div class="other">
                        <span class="quan">
                            <a> 点此领10元优惠券 </a>
                        </span>
                        <span class="lianjie">
                            <a> 下单链接 </span>
                        </spa>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <!-- 底部部分 -->
    <div id="footer">
        <div class="foot_top">
            <a class="login" href="#">登录</a>
            <a href="#">注册</a>
            <a href="#" style="width: 40%; border: 0;">
                <img src="../asset/image/top.jpg" width="15" height="15">返回顶部</a>
        </div>
        <div class="foot_bottom">
            <p>
                <a href="#" style="color: Red;">手机APP下载</a>
                <a href="#">慢慢买手机版</a>
                -- 掌上比价平台
            </p>
            <p>m.manmanbuy.com </p>
        </div>
    </div>

    <!-- 返回顶部 -->
    <div class="totop">
        <a href="#">

            <i class="fa fa-angle-up"></i>
        </a>
    </div>
</body>
<script src="./asset/zepto/zepto.min.js"></script>
<script src="./asset/artTemplate/template.js"></script>
<!-- 导航栏模板 -->
<script id="navv" type="text/html">
    {{each result as value}}
    <li>
        <a href="#" data-titleid="{{value.titleId}}">{{value.title}}</a>
    </li>
    {{/each}}
</script>

<!-- 主体区模板 -->
<script id="mm" type="text/html">
    {{each result as value}}
    <li>
        <a href="#">
            <div class="pic">
                {{#value.productImg}}
            </div>
            <div class="info">
                <div class="tit">{{#value.productName}}</div>
                <div class="price">
                    券后
                    <em>￥</em>0.0
                    <del>￥0</del>
                </div>
                <div class="ticket">
                    {{#value.productCouponRemain}}
                </div>
                <div class="other">
                    <span class="quan">
                        {{#value.productCoupon}}
                    </span>
                    <span class="lianjie">
                        {{#value.productHref}}
                        </spa>
                </div>
            </div>
        </a>
    </li>
    {{/each}}
</script>
<script src="./asset/js/url.js"></script>
<script src="./asset/js/baicaijia.js"></script>

</html>